html, body, h3,ul,input{
    margin:0;
    padding:0;
}

body,.bgceee {
    background-color:#eee;
}

ul.foot-nav li span,ul.foot-nav li i {
    display: block;
}
ul.foot-nav li span{
  font-size: 13px;
  line-height: 1.4rem;
}
ul.foot-nav li i {
  font-size: 20px;
  line-height: 1.8rem;
}
a{text-decoration: none;color: inherit;}

ul.foot-nav，i {
    font-size: 4px;
}

html {
    font-size: 16px;
}
.head{
  position: relative;
  width: 100%;
  line-height: 2.5rem;
  background-color: #dd524d;
  height: 7vh;
  min-height: 40px;
  z-index: 10;
}
.head h3{text-align: center;width: 80%;margin: 0 auto;color: #eee;font-weight: normal;}
.foot{
  position: relative;
  background-color: #dd524d;
  color: #eee;
  width: 100%;
  font-size: 0;
  height: 9vh;
  min-height: 50px;
  z-index: 10;
}

.foot ul {
    list-style-type: none;
    height: 100%;
}

.foot ul li {
    text-align: center;
}
.foot ul li i.icon{
  font-size: 22px;
  font-style: normal;
}
.content{
  overflow: auto;
  height: 84vh;
}

.col{
  display: block;
  width: 100%;
  font-size: 0;
}

.col > .col-33{
  display: inline-block;
  width: 33.3%;
  font-size: 17px;
}
.col > .col-20{
  display: inline-block;
  width: 20%;
  font-size: 17px;
}
.col > .col-30{
  display: inline-block;
  width: 30%;
  font-size: 17px;
}
.col > .col-80{
  display: inline-block;
  width: 80%;
  font-size: 17px;
}
.col > .col-70{
  display: inline-block;
  width: 70%;
  font-size: 17px;
}
.col > .col-10{
  display: inline-block;
  width: 10%;
  font-size: 17px;
}
.col > .col-50{
  display: inline-block;
  width: 50%;
  font-size: 17px;
}

.btn{
  display: inline-block;
  width:1.8rem;
  height: 1.4rem;
  line-height: 1.4rem;
  border-radius: 12%;
  vertical-align: middle;
  text-align: center;
}
.btn-block{
  width: 100%;
  height: 100%;
  border-radius: 5px;
}
.btn-default{
  background-color: #fff;
  border: #ccc solid 1px;
}

.btn-danger{
  background-color: #dd524d;
  border: #dd524d solid 1px;
  color: #eee;
}
.btn-blue{
  background-color: #007aff;
  border: #007aff solid 1px;
  color: #eee;
}
.btn-yellow{
  background-color: #f0ad4e;
  border: #f0ad4e solid 1px;
  color: #eee;
}

.fontW{
  color: #eee;
}

.pulldown-vir::before{
  content:'';
  display: block;
  width: 100%;
  height: 40px;
  z-index: -1;
}

.pull-tip{
  width: 100%;
  line-height: 40px;
  text-align: center;
}

.tip-top {
  position: fixed;
  z-index: -10;
}

.veiln{
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
}

.sport-list{
	text-align: center;
}

.sport-list>span{
	line-height: 2.3rem;  
}
.sport-list>span>a{
  vertical-align: baseline;
}

.list-line::after {content: '';display: block;width: 90%;height: 1px;background-color: #ccc;margin: auto;}

.fontsize20{
  font-size: 18px;
}